<DocumentFragment>
  <div
    class="ant-app"
  >
    <div>
      test
    </div>
    <div
      style="height: 100vh;"
    >
      <div
        class="ant-design-pro ant-pro-layout screen-xs ant-pro-layout-side"
      >
        <div
          class="ant-pro-layout-bg-list"
        />
        <div
          class="ant-layout ant-layout-has-sider"
          style="min-height: 100%; flex-direction: row;"
        >
          <div
            class="ant-drawer ant-drawer-left ant-drawer-open ant-drawer-inline"
            tabindex="-1"
          >
            <div
              class="ant-drawer-mask"
            />
            <div
              aria-hidden="true"
              data-sentinel="start"
              style="width: 0px; height: 0px; overflow: hidden; outline-color: none; outline-style: none; outline-width: initial; position: absolute;"
              tabindex="0"
            />
            <div
              class="ant-drawer-content-wrapper"
              style="width: 256px;"
            >
              <div
                aria-modal="true"
                class="ant-drawer-content ant-pro-drawer-sider"
                role="dialog"
                style="padding: 0px; height: 100vh;"
              >
                <div
                  class="ant-drawer-body"
                  style="height: 100vh; padding: 0px; display: flex; flex-direction: row; background-color: transparent;"
                >
                  <aside
                    class="ant-layout-sider ant-layout-sider-dark ant-pro-sider ant-pro-sider-light"
                    style="flex-grow: 0; flex-shrink: 0; flex-basis: 256px; max-width: 256px; min-width: 256px; width: 256px;"
                  >
                    <div
                      class="ant-layout-sider-children"
                    >
                      <div
                        style="flex-grow: 1; flex-shrink: 1; flex-basis: 0%; overflow-y: auto; overflow-x: hidden;"
                      >
                        <ul
                          class="ant-menu ant-menu-root ant-menu-inline ant-menu-light ant-pro-sider-menu ant-pro-base-menu-inline"
                          data-menu-list="true"
                          role="menu"
                          style="background-color: transparent; border: none none; width: 100%;"
                          tabindex="0"
                        >
                          <li
                            class="ant-menu-item ant-menu-item-selected ant-menu-item-only-child ant-pro-base-menu-inline-menu-item"
                            data-menu-id="rc-menu-uuid-test-/home"
                            role="menuitem"
                            style="padding-left: 16px;"
                            tabindex="-1"
                          >
                            <span
                              class="ant-menu-title-content"
                            >
                              <div
                                aria-describedby="test-id"
                                class="ant-pro-base-menu-inline-item-title"
                              >
                                <span
                                  class="ant-pro-base-menu-inline-item-icon"
                                >
                                  <span
                                    class="anticon"
                                    role="img"
                                  >
                                    <svg
                                      aria-hidden="true"
                                      class=""
                                      fill="currentColor"
                                      focusable="false"
                                      height="1em"
                                      width="1em"
                                    >
                                      <use
                                        xlink:href="#icon-shoucang1"
                                      />
                                    </svg>
                                  </span>
                                </span>
                                <span
                                  class="ant-pro-base-menu-inline-item-text ant-pro-base-menu-inline-item-text-has-icon"
                                >
                                  收藏
                                </span>
                              </div>
                            </span>
                          </li>
                          <li
                            class="ant-menu-item ant-menu-item-only-child ant-pro-base-menu-inline-menu-item"
                            data-menu-id="rc-menu-uuid-test-/home/overview"
                            role="menuitem"
                            style="padding-left: 16px;"
                            tabindex="-1"
                          >
                            <span
                              class="ant-menu-title-content"
                            >
                              <div
                                aria-describedby="test-id"
                                class="ant-pro-base-menu-inline-item-title"
                              >
                                <span
                                  class="ant-pro-base-menu-inline-item-icon"
                                >
                                  <span
                                    class="anticon"
                                    role="img"
                                  >
                                    <svg
                                      aria-hidden="true"
                                      class=""
                                      fill="currentColor"
                                      focusable="false"
                                      height="1em"
                                      width="1em"
                                    >
                                      <use
                                        xlink:href="#icon-facebook"
                                      />
                                    </svg>
                                  </span>
                                </span>
                                <span
                                  class="ant-pro-base-menu-inline-item-text ant-pro-base-menu-inline-item-text-has-icon"
                                >
                                  FaceBook
                                </span>
                              </div>
                            </span>
                          </li>
                          <li
                            class="ant-menu-item ant-menu-item-only-child ant-pro-base-menu-inline-menu-item"
                            data-menu-id="rc-menu-uuid-test-/home/search"
                            role="menuitem"
                            style="padding-left: 16px;"
                            tabindex="-1"
                          >
                            <span
                              class="ant-menu-title-content"
                            >
                              <div
                                aria-describedby="test-id"
                                class="ant-pro-base-menu-inline-item-title"
                              >
                                <span
                                  class="ant-pro-base-menu-inline-item-icon"
                                >
                                  <span
                                    class="anticon"
                                    role="img"
                                  >
                                    <svg
                                      aria-hidden="true"
                                      class=""
                                      fill="currentColor"
                                      focusable="false"
                                      height="1em"
                                      width="1em"
                                    >
                                      <use
                                        xlink:href="#icon-twitter"
                                      />
                                    </svg>
                                  </span>
                                </span>
                                <span
                                  class="ant-pro-base-menu-inline-item-text ant-pro-base-menu-inline-item-text-has-icon"
                                >
                                  Twitter
                                </span>
                              </div>
                            </span>
                          </li>
                        </ul>
                        <div
                          aria-hidden="true"
                          style="display: none;"
                        />
                      </div>
                    </div>
                  </aside>
                </div>
              </div>
            </div>
            <div
              aria-hidden="true"
              data-sentinel="end"
              style="width: 0px; height: 0px; overflow: hidden; outline-color: none; outline-style: none; outline-width: initial; position: absolute;"
              tabindex="0"
            />
          </div>
          <div
            class="ant-pro-layout-container"
            style="position: relative;"
          >
            <main
              class="ant-layout-content ant-pro-layout-content"
            >
              <div
                class="ant-design-pro ant-pro-layout screen-xs ant-pro-layout-is-children ant-pro-layout-side"
              >
                <div
                  class="ant-pro-layout-bg-list"
                />
                <div
                  class="ant-layout"
                  style="min-height: 100%; flex-direction: row; height: 400px;"
                >
                  <div
                    class="ant-pro-layout-container"
                    style="position: relative; min-height: 0;"
                  >
                    <header
                      class="ant-layout-header ant-pro-layout-header ant-pro-layout-header-header"
                    >
                      <div
                        class="ant-pro-global-header"
                      >
                        <span
                          class="ant-pro-global-header-collapsed-button"
                        >
                          <span
                            aria-label="menu"
                            class="anticon anticon-menu"
                            role="img"
                          >
                            <svg
                              aria-hidden="true"
                              data-icon="menu"
                              fill="currentColor"
                              focusable="false"
                              height="1em"
                              viewBox="64 64 896 896"
                              width="1em"
                            >
                              <path
                                d="M904 160H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0 624H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0-312H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8z"
                              />
                            </svg>
                          </span>
                        </span>
                        <div
                          style="flex-grow: 1; flex-shrink: 1; flex-basis: 0%;"
                        />
                        <div
                          class="ant-pro-global-header-right-content"
                          style="min-width: auto; height: 100%;"
                        >
                          <div
                            style="height: 100%;"
                          >
                            <div
                              style="display: flex; align-items: center; height: 100%; justify-content: flex-end;"
                            >
                              <div
                                class="ant-pro-global-header-header-actions"
                              >
                                <span
                                  class="ant-pro-global-header-header-actions-avatar"
                                >
                                  <div>
                                    <span
                                      class="ant-avatar ant-avatar-circle ant-avatar-icon"
                                      style="width: 28px; height: 28px; font-size: 14px;"
                                    >
                                      <span
                                        aria-label="user"
                                        class="anticon anticon-user"
                                        role="img"
                                      >
                                        <svg
                                          aria-hidden="true"
                                          data-icon="user"
                                          fill="currentColor"
                                          focusable="false"
                                          height="1em"
                                          viewBox="64 64 896 896"
                                          width="1em"
                                        >
                                          <path
                                            d="M858.5 763.6a374 374 0 00-80.6-119.5 375.63 375.63 0 00-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 00-80.6 119.5A371.7 371.7 0 00136 901.8a8 8 0 008 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 008-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"
                                          />
                                        </svg>
                                      </span>
                                    </span>
                                  </div>
                                </span>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </header>
                    <main
                      class="ant-layout-content ant-pro-layout-content ant-pro-layout-has-header ant-pro-layout-content-has-page-container"
                    >
                      <div
                        class="ant-pro-page-container"
                      >
                        <div
                          class="ant-page-header ant-pro-page-container-warp-page-header ant-page-header-has-breadcrumb ant-page-header-ghost"
                        >
                          <nav
                            class="ant-breadcrumb ant-page-header-breadcrumb"
                          >
                            <ol>
                              <li>
                                <span>
                                  首页
                                </span>
                              </li>
                              <li
                                aria-hidden="true"
                                class="ant-breadcrumb-separator"
                              >
                                /
                              </li>
                              <li>
                                <span>
                                  概述
                                </span>
                              </li>
                            </ol>
                          </nav>
                          <div
                            class="ant-page-header-heading "
                          >
                            <div
                              class="ant-page-header-heading-left"
                            >
                              <span
                                class="ant-page-header-heading-title"
                                title="概述"
                              >
                                概述
                              </span>
                            </div>
                          </div>
                          <div
                            class="ant-page-header-content"
                          >
                            <div
                              class="ant-pro-page-container-detail"
                            >
                              <div
                                class="ant-pro-page-container-main"
                              >
                                <div
                                  class="ant-pro-page-container-row"
                                >
                                  <div
                                    class="ant-pro-page-container-content"
                                  >
                                    欢迎使用
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div
                          class="ant-pro-grid-content"
                        >
                          <div
                            class="ant-pro-grid-content-children"
                          >
                            <div
                              class="ant-pro-page-container-children-container"
                            >
                              <div>
                                Hello World
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </main>
                  </div>
                </div>
              </div>
            </main>
          </div>
        </div>
      </div>
    </div>
  </div>
</DocumentFragment>